<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style>
body{
margin:0px;
padding:0px;


}
</style>
<script src="js/jquery-1.8.0.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){


$("table thead tr").css({"background":"#dddddd"});
$("table thead tr th").css({"padding-top":"5px","padding-bottom":"5px"});
$("table tbody tr:even").css({"background":"#EEE9E9"});
$("table tbody tr:odd").css({"background":"#ffffff"});
});
	</script>
	<style>
	#box_gatt1{
	width:100px;
	height:45px;
	padding:5px;
	position:absolute;
	
	


	}
	#gatt1{
	height:15px;
	width:100px;
	background:red;
	position:bottom;
	position:absolute;
	z-index:2px;
	margin-top:34px;
	margin-left:8px;

	}
		#gatt2{
	height:15px;
	width:200px;
	background:red;
	position:bottom;
	position:absolute;
	z-index:2px;
	margin-top:60px;
	margin-left:50px;

	}
	#gatt3{
	width:200px;
	margin-top:83px;
	margin-left:100px;

	}
	#gatt4{
	width:200px;
	margin-top:103px;
	margin-left:150px;

	}
		#gatt5{
	width:200px;
	margin-top:128px;
	margin-left:300px;

	}
		#gatt6{
	width:200px;
	margin-top:150px;
	margin-left:400px;

	}
		#gatt7{
	width:200px;
	margin-top:173px;
	margin-left:500px;

	}
	.setbar{
	height:15px;
	background:red;
	position:bottom;
	position:absolute;
	z-index:2px;
	}

	.column{
	width:50px;
	}
	.row{
	padding:0px;
	}
	</style>

	
	<div id="gatt1" ></div>
	<div id="gatt2"></div>
	<div id="gatt3" class="setbar"></div>
	<div id="gatt4" class="setbar"></div>
	<div id="gatt5" class="setbar"></div>
	<div id="gatt6" class="setbar"></div>
	<div id="gatt7" class="setbar"></div>
	<table width="100%" >
	<thead>
	<tr>
		<th><div class="column">07:00 </div></th>
		<th><div class="column">07:30 </div></th>
		<th><div class="column">08:00 </div></th>
		<th><div class="column">08:30 </div></th>
		<th><div class="column">09:00  </div></th>
		<th><div class="column">09:30 </div></th>
		<th><div class="column">10:00 </div></th>
		<th><div class="column">10:30 </div></th>
		<th><div class="column">11:00  </div></th>
		<th><div class="column">11:30 </div></th>
		<th><div class="column">12:00 </div></th>
		<th><div class="column">12:30 </div></th>
		<th><div class="column">13:00  </div></th>
		<th><div class="column">13:30 </div></th>
		<th><div class="column">14:00 </div></th>
		<th><div class="column">14:30 </div></th>
		<th><div class="column">15:00  </div></th>
		<th><div class="column">15:30 </div></th>
		<th><div class="column">16:00 </div></th>
		<th><div class="column">16:30 </div></th>

		
	</tr>
	</thead>
	<tbody>

		<tr>
			<td>
			<div class="row">
			&nbsp;
			</div>
			</td>
			
			<td>
			<div class="row">
			&nbsp;
			</div>
			</td>
			<td>
			<div class="row">
			&nbsp;
			</div>
			</td>
			<td>
			&nbsp;
			</td>
		
			<td>
			&nbsp;
			</td>
			<td>
			&nbsp;
			</td>
			<td>
			&nbsp;
			</td>
			<td>
			&nbsp;
			</td>
		
			<td>
			&nbsp;
			</td>
			<td>
			&nbsp;
			</td>
			<td>
			&nbsp;
			</td>
			<td>
			&nbsp;
			</td>
		
			<td>
			&nbsp;
			</td>
			<td>
			&nbsp;
			</td>
			<td>
			&nbsp;
			</td>
			<td>
			&nbsp;
			</td>
		
			<td>
			&nbsp;
			</td>
			<td>
			&nbsp;
			</td>
			<td>
			&nbsp;
			</td>
			<td>
			&nbsp;
			</td>
	
		</tr>
		<tr>
			<td>
			<div class="row">
			&nbsp;
			</div>
			</td>
			
			<td>
			<div class="row">
			&nbsp;
			</div>
			</td>
			<td>
			<div class="row">
			&nbsp;
			</div>
			</td>
			<td>
			&nbsp;
			</td>
		
			<td>
			&nbsp;
			</td>
			<td>
			&nbsp;
			</td>
			<td>
			&nbsp;
			</td>
			<td>
			&nbsp;
			</td>
		
			<td>
			&nbsp;
			</td>
			<td>
			&nbsp;
			</td>
			<td>
			&nbsp;
			</td>
			<td>
			&nbsp;
			</td>
		
			<td>
			&nbsp;
			</td>
			<td>
			&nbsp;
			</td>
			<td>
			&nbsp;
			</td>
			<td>
			&nbsp;
			</td>
		
			<td>
			&nbsp;
			</td>
			<td>
			&nbsp;
			</td>
			<td>
			&nbsp;
			</td>
			<td>
			&nbsp;
			</td>
	
		</tr>
		<tr>
			<td>
			<div class="row">
			&nbsp;
			</div>
			</td>
			
			<td>
			<div class="row">
			&nbsp;
			</div>
			</td>
			<td>
			<div class="row">
			&nbsp;
			</div>
			</td>
			<td>
			&nbsp;
			</td>
		
			<td>
			&nbsp;
			</td>
			<td>
			&nbsp;
			</td>
			<td>
			&nbsp;
			</td>
			<td>
			&nbsp;
			</td>
		
			<td>
			&nbsp;
			</td>
			<td>
			&nbsp;
			</td>
			<td>
			&nbsp;
			</td>
			<td>
			&nbsp;
			</td>
		
			<td>
			&nbsp;
			</td>
			<td>
			&nbsp;
			</td>
			<td>
			&nbsp;
			</td>
			<td>
			&nbsp;
			</td>
		
			<td>
			&nbsp;
			</td>
			<td>
			&nbsp;
			</td>
			<td>
			&nbsp;
			</td>
			<td>
			&nbsp;
			</td>
	
		</tr>
		<tr>
			<td>
			<div class="row">
			&nbsp;
			</div>
			</td>
			
			<td>
			<div class="row">
			&nbsp;
			</div>
			</td>
			<td>
			<div class="row">
			&nbsp;
			</div>
			</td>
			<td>
			&nbsp;
			</td>
		
			<td>
			&nbsp;
			</td>
			<td>
			&nbsp;
			</td>
			<td>
			&nbsp;
			</td>
			<td>
			&nbsp;
			</td>
		
			<td>
			&nbsp;
			</td>
			<td>
			&nbsp;
			</td>
			<td>
			&nbsp;
			</td>
			<td>
			&nbsp;
			</td>
		
			<td>
			&nbsp;
			</td>
			<td>
			&nbsp;
			</td>
			<td>
			&nbsp;
			</td>
			<td>
			&nbsp;
			</td>
		
			<td>
			&nbsp;
			</td>
			<td>
			&nbsp;
			</td>
			<td>
			&nbsp;
			</td>
			<td>
			&nbsp;
			</td>
	
		</tr>
		<tr>
			<td>
			<div class="row">
			&nbsp;
			</div>
			</td>
			
			<td>
			<div class="row">
			&nbsp;
			</div>
			</td>
			<td>
			<div class="row">
			&nbsp;
			</div>
			</td>
			<td>
			&nbsp;
			</td>
		
			<td>
			&nbsp;
			</td>
			<td>
			&nbsp;
			</td>
			<td>
			&nbsp;
			</td>
			<td>
			&nbsp;
			</td>
		
			<td>
			&nbsp;
			</td>
			<td>
			&nbsp;
			</td>
			<td>
			&nbsp;
			</td>
			<td>
			&nbsp;
			</td>
		
			<td>
			&nbsp;
			</td>
			<td>
			&nbsp;
			</td>
			<td>
			&nbsp;
			</td>
			<td>
			&nbsp;
			</td>
		
			<td>
			&nbsp;
			</td>
			<td>
			&nbsp;
			</td>
			<td>
			&nbsp;
			</td>
			<td>
			&nbsp;
			</td>
	
		</tr>
		<tr>
			<td>
			<div class="row">
			&nbsp;
			</div>
			</td>
			
			<td>
			<div class="row">
			&nbsp;
			</div>
			</td>
			<td>
			<div class="row">
			&nbsp;
			</div>
			</td>
			<td>
			&nbsp;
			</td>
		
			<td>
			&nbsp;
			</td>
			<td>
			&nbsp;
			</td>
			<td>
			&nbsp;
			</td>
			<td>
			&nbsp;
			</td>
		
			<td>
			&nbsp;
			</td>
			<td>
			&nbsp;
			</td>
			<td>
			&nbsp;
			</td>
			<td>
			&nbsp;
			</td>
		
			<td>
			&nbsp;
			</td>
			<td>
			&nbsp;
			</td>
			<td>
			&nbsp;
			</td>
			<td>
			&nbsp;
			</td>
		
			<td>
			&nbsp;
			</td>
			<td>
			&nbsp;
			</td>
			<td>
			&nbsp;
			</td>
			<td>
			&nbsp;
			</td>
	
		</tr>
		<tr>
			<td>
			<div class="row">
			&nbsp;
			</div>
			</td>
			
			<td>
			<div class="row">
			&nbsp;
			</div>
			</td>
			<td>
			<div class="row">
			&nbsp;
			</div>
			</td>
			<td>
			&nbsp;
			</td>
		
			<td>
			&nbsp;
			</td>
			<td>
			&nbsp;
			</td>
			<td>
			&nbsp;
			</td>
			<td>
			&nbsp;
			</td>
		
			<td>
			&nbsp;
			</td>
			<td>
			&nbsp;
			</td>
			<td>
			&nbsp;
			</td>
			<td>
			&nbsp;
			</td>
		
			<td>
			&nbsp;
			</td>
			<td>
			&nbsp;
			</td>
			<td>
			&nbsp;
			</td>
			<td>
			&nbsp;
			</td>
		
			<td>
			&nbsp;
			</td>
			<td>
			&nbsp;
			</td>
			<td>
			&nbsp;
			</td>
			<td>
			&nbsp;
			</td>
	
		</tr>
		
	</tbody>
</table>